<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- ////////////////////////////////////////////////////////////////////
//        *********请尊重我的劳动成果,添加我的著作权*******                                                
//               CreatData: 2017-5-11                            
//               Java Web /:期末作业                            
//               Project: 宿舍管理系统                          
//               软件学院：  学号 ：16171201041                 
//               版权所有：http://allday.gq                     
//               官方邮箱：562015969@qq.com                    
///////////////////////////////////////////////////////////////////// -->










<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="./layui/css/layui.css" media="all">
    <link rel="stylesheet" href="./layui/css/cloud.css" media="all">
    <style type="text/css">#login_main { float: none; height: 600px; width: 600px; margin-right: auto; margin-left: auto; margin-top: 100px; border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-color: #000; box-shadow: 10px 10px 20px #888888; text-align: center; } #login { background-color: #FFF; float: none; height: 300px; width: 400px; margin-top: 150px; margin-right: 100px; text-align: center; border: thin none #333; box-shadow: 10px 10px 50px 10px #888888 inset;/*阴影*/ opacity:0.5;/*不透明*/ }</style>
    <script src="./layui/layui.js" charset="utf-8"></script>
    <style>.page-motto {text-shadow: 0 3px 6px rgba(53,169,255,.5);}</style>
    <title>宿舍管理系统-登录界面|Dormitory Management System-LOGIN</title></head>
  
  <body>
  <script type="text/javascript">
  window.onload = function(){
	  if (window.XMLHttpRequest) {
                        // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
                        xmlhttp = new XMLHttpRequest();
                        console.log("success for 111");
                      } else {
                        // IE6, IE5 浏览器执行代码
                        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                        console.log("success for 222");

                      }
                      xmlhttp.onreadystatechange = function() {
                        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                         // console.log("success：context：：：" + xmlhttp.responseText);
						     var h1= document.getElementsByTagName("h1")[0];
   							 h1.innerHTML = "motto:"+xmlhttp.responseText;

                        }
                      }
                      xmlhttp.open("GET", "https://api.i-meto.com/mecho", true);
                      xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                      xmlhttp.send("encode=js-html&length=8");
                      console.log("已发送");

};
  </script>
    <div class="layui-main">
      <ul class="layui-nav">
        <center>
          <li class="layui-nav-item">
            <a href="./">首页</a></li>
          <li class="layui-nav-item layui-this">
            <a href="javascript:;">
              <i class="layui-icon">&#xe623;</i>登录/注册</a>
            <dl class="layui-nav-child">
              <dd class="layui-this">
                <a href="">登录</a></dd>
              <dd>
                <a href="register.html">注册</a></dd>
            </dl>
          </li>
          <li class="layui-nav-item">
            <a href="http://allday.gq/about.html" target="_blank">
              <i class="layui-icon">&#xe60b;</i>关于</a></li>
          <li class="layui-nav-item" onclick="disable">
            <i class="cloud"></i>
          </li>
        </center>
      </ul>
    </div>
    <div id="login_main">
      <img src="images/logo.png" width="500" height="100" />
      <div id="login">
        <br />
        <h1 id="motto" class="page-motto">motto:</h1>
        <br />
        <br />
        <form class="layui-form" action="">
          <div class="layui-form-item">
            <label class="layui-form-label">
              <i class="layui-icon">&#xe613;</i>身份</label>
            <div class="layui-input-block">
              <input type="radio" name="idcard" value="student" title="学生" checked="">
              <input type="radio" name="idcard" value="teacher" title="教师">
              <input type="radio" name="idcard" value="admin" title="管理员"></div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">
              <i class="layui-icon">&#xe612;</i>账户</label>
            <div class="layui-input-inline">
              <input type="text" name="username" required lay-verify="required" placeholder="请输入账户" autocomplete="off" class="layui-input"></div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">
              <i class="layui-icon">&#xe62e;</i>密码</label>
            <div class="layui-input-inline">
              <input type="password" name="userpw" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input"></div>
          </div>
          <div class="layui-form-item">
            <div class="layui-input-block">
              <button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
              <button type="reset" class="layui-btn layui-btn-primary">重置</button></div>
          </div>
        </form>
      </div>
    </div>
    <script>layui.use(['form', 'element'],
      function() {
        var form = layui.form(),
        element = layui.element(); //导航的hover效果、二级菜单等功能，需要依赖element模块
      });</script>
  </body>

</html>